@extends('layouts.template')

@section('title', '个人中心')

@section('header')
@endsection

@section('content')
    <script src="{{asset('dist/master/detail.js')}}?v=20170421"></script>
    <script>
        {{--var head_img = '{{$master->head_img}}';--}}
        var head_img = '{{$master->head_img_url}}';
        var detail = {!! $detail->toJson() !!};
    </script>
    <div class="ziliao">
        <form id="form">
            <h2 class="ziliao_h2">基本资料</h2>
            <div class="ziliao_a">
                <ul>
                    <li><span>个人头像</span><p v-cloak><a {{--<@click="headImage"--}}>{{--<em class="zl"><img src="{{asset('images/ico21.png')}}"></em>--}}
                                <i v-if="head_chang_to != ''" class="i01"><img :src="head_chang_to">审核中</i>
                                <i v-else-if="head_img == ''" class="i01">请上传本人半身照，否则不能显示</i>
                                <i v-else class="i01"><img src="{{$master->head_img_url}}"></i>
                            </a></p></li>
                    <li><span>师傅姓名</span><p><a href="#"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em><i class="i02">{{$master->real_name}}<i class="i03">(实名认证)</i></i></a></p></li>
                    <li><span>手机号码</span><p><a href="{{url('/master/detail/changephone')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                <i class="i02">{{$master->phone}}</i>
                            </a></p>
                    </li>
                    <li><span>紧急号码</span><p><a href="{{url('/master/detail/backupphone')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                    <i v-if="'{{$detail->backup_phone}}'" class="i02">{{$detail->backup_phone}}</i>
                                    <i v-else class="i01">请填写紧急联系手机号码</i>
                            </a></p>
                    </li>
                    <li><span>所在地区</span><p><a href="{{url('/master/detail/changearea')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em><i class="i02">{{$master->area_crumb}}</i></a></p></li>
                    <li><span>服务区域</span><p><a href="{{url('/master/detail/changeserviceareas')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                <i v-if="'{{$master->service_areas_text}}'" class="i02">{{str_limit($master->service_areas_text,50)}}</i>
                                <i v-else class="i01">请重新选择服务区域</i>
                            </a></p></li>
                </ul>
            </div>

            <h2 class="ziliao_h2">服务资料</h2>
            <div class="ziliao_a">
                <ul>
                    <li><span>服务类目</span><p>家具类</p></li>
                    <li><span>服务类型</span><p><a href="{{url('/master/detail/changeservicetype')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em><i class="i02">{{$master->service_type_text}}</i></a></p></li>
                    <li><span>提货地点</span><p>
                            <input v-model="deliver_address" name="deliver_address" type="text" class="inp02" placeholder="请填写详细物流提货点">
                        </p>
                    </li>
                    <li class="error"><span>&nbsp;</span><p></p>
                    <li><span>团队人数</span><p>
                            <input v-model="member_num" name="member_num" type="text" class="inp02" placeholder="请填写服务团队人数">
                        </p>
                    </li>
                    <li class="error"><span>&nbsp;</span><p></p>
                    <li><span>货车数量</span><p>
                            <input v-model="car_num" name="car_num" type="text" class="inp02" placeholder="请填写货车数量">
                        </p>
                    </li>
                    <li class="error"><span>&nbsp;</span><p></p>
                    </li>
                    <li><span>职业类型</span><p><a href="{{url('/master/detail/changejobtype')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                <i v-if="'{{$detail->job_type}}'" class="i02">{{$detail->job_type_text}}</i>
                                <i v-else class="i01">请选择职业类型</i>
                            </a></p></li>
                    <li><span>服务时间</span><p><a href="{{url('/master/detail/changeserviceperiod')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                <i v-if="'{{$detail->service_period_text}}'" class="i02">{{$detail->service_period_text}}</i>
                                <i v-else class="i01">请设置服务时间</i>
                            </a></p></li>
                    <li><span>附加服务</span><p><a href="{{url('/master/detail/changeserviceextra')}}"><em class="zl"><img src="{{asset('images/ico21.png')}}"></em>
                                <i v-if="'{{$detail->service_extra_text}}'" class="i02">{{$detail->service_extra_text}}</i>
                                <i v-else class="i01">请设置附加服务</i></a></p></li>
                            </a></p></li>
                </ul>
            </div>
        </form>

    </div>
@endsection